{% extends "simgenex/base_simgenex.html" %}
{%block center%}
<div>
    <h2>{{request.session.sgx_program.name}}</h2>
    <p>
        {{request.session.sgx_program.desc}}
    </p>
    <form action="compareTranssysModel" method="post" class="edit">
        {% csrf_token %}
        <fieldset class="border" id="disciminationSetup">
            <legend>Setup</legend>
            <span class="helptext">In this page, you can compare two transsys model examine the expression data after running the same simulation defined in this simgenex program</span>
            <div class="input-field">
                <label>Candidate 1</label>
                <select name="candidate1" >
                    {% for tsp in request.session.ts_programs %}
                        <option value="{{tsp.tp.name}}"
                                {% if tsp.tp.name == input.can1 %}
                                    selected="selected"
                                {% endif %}
                        >{{tsp.tp.name}}</option>
                    {% endfor %}

                </select>
            </div>
            <div class="input-field">
                <label>Candidate 2</label>
                <select name="candidate2" >
                    {% for tsp in request.session.ts_programs %}
                        <option value="{{tsp.tp.name}}"
                                {% if tsp.tp.name == input.can2 %}
                                    selected="selected"
                                {% endif %}
                        >{{tsp.tp.name}}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="infut-field">
            <button type="submit" name="submit">Run</button>
        </div>
        </fieldset>
        
    </form>
    {% if result %}
    <div>
        <label>Result:</label><span>{{result.fitness}}</span>
    </div>
    {% endif %}
</div>
{% endblock %}